border1px(width=1px, color=#ccc, style=solid, radius=0)
    position relative
    &::after
        position absolute
        top 0
        left 0
        z-index -1
        pointer-events none
        content ''
        border-width width
        border-color color
        border-style style

        @media (max--moz-device-pixel-ratio:1.49),
        (-webkit-max-device-pixel-ratio:1.49),
        (max-device-pixel-ratio:1.49),
        (max-resolution:143dpi),
        (max-resolution:1.49dppx)
            width 100%
            height 100%
            border-radius radius
            transform scale(1)

        @media (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.49),
        (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.49),
        (min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49),
        (min-resolution:144dpi) and (max-resolution:239dpi),
        (min-resolution:1.5dppx) and (max-resolution:2.49dppx)
            width 200%
            height 200%
            border-radius radius*2
            transform scale(0.5)

        @media (min--moz-device-pixel-ratio:2.5),
        (-webkit-min-device-pixel-ratio:2.5),
        (min-device-pixel-ratio:2.5),
        (min-resolution:240dpi),
        (min-resolution:2.5dppx)
            width 300%
            height 300%
            border-radius radius*3
            transform scale(0.333333)


        transform-origin 0 0